<template>
  <cube-page type="button-view" title="测试">
    <div slot="content">
      <form action="/">
        <cube-button>Button</cube-button>
        <cube-button :active="true">Active Button</cube-button>
        <cube-button :disabled="true">Disabled Button</cube-button>
        <cube-button icon="cubeic-right">Button With Icon</cube-button>
        <cube-button :light="true">Light Button</cube-button>
        <cube-button :inline="true">Inline Button</cube-button>
        <cube-button :outline="true">Outline Button</cube-button>
        <cube-button :primary="true">Primary Button</cube-button>
      </form>

      <i class="cubeic-eye-invisible icon"></i>

      <i class="cubeic-eye-visible icon"></i>

      <i class="cubeic-square-right icon"></i>

      <i class="cubeic-select icon"></i>

      <i class="cubeic-pulldown icon"></i>

      <i class="cubeic-pullup icon"></i>

      <i class="cubeic-more icon"></i>

      <i class="cubeic-back icon"></i>

      <i class="cubeic-arrow icon"></i>

      <i class="cubeic-close icon"></i>

      <i class="cubeic-warn icon"></i>

      <i class="cubeic-question icon"></i>

      <i class="cubeic-right icon"></i>

      <i class="cubeic-wrong icon"></i>

      <i class="cubeic-info icon"></i>

      <i class="cubeic-remove icon"></i>

      <i class="cubeic-add icon"></i>

      <i class="cubeic-share icon"></i>

      <i class="cubeic-no-wifi icon"></i>

      <i class="cubeic-smile icon"></i>

      <i class="cubeic-sad icon"></i>

      <i class="cubeic-email icon"></i>

      <i class="cubeic-game icon"></i>

      <i class="cubeic-wifi icon"></i>

      <i class="cubeic-hot icon"></i>

      <i class="cubeic-notification icon"></i>

      <i class="cubeic-delete icon"></i>

      <i class="cubeic-vip icon"></i>

      <i class="cubeic-mute icon"></i>

      <i class="cubeic-danger icon"></i>

      <i class="cubeic-volume icon"></i>

      <i class="cubeic-bad icon"></i>

      <i class="cubeic-mobile-phone icon"></i>

      <i class="cubeic-aim icon"></i>

      <i class="cubeic-navigation icon"></i>

      <i class="cubeic-safe-pay icon"></i>

      <i class="cubeic-tag icon"></i>

      <i class="cubeic-lock icon"></i>

      <i class="cubeic-unlock icon"></i>

      <i class="cubeic-edit icon"></i>

      <i class="cubeic-scan icon"></i>

      <i class="cubeic-qr-code icon"></i>

      <i class="cubeic-calendar icon"></i>

      <i class="cubeic-time icon"></i>

      <i class="cubeic-red-packet icon"></i>

      <i class="cubeic-star icon"></i>

      <i class="cubeic-setting icon"></i>

      <i class="cubeic-home icon"></i>

      <i class="cubeic-credit-card icon"></i>

      <i class="cubeic-mall icon"></i>

      <i class="cubeic-microphone icon"></i>

      <i class="cubeic-search icon"></i>

      <i class="cubeic-good icon"></i>

      <i class="cubeic-alert icon"></i>

      <i class="cubeic-picture icon"></i>

      <i class="cubeic-message icon"></i>

      <i class="cubeic-phone icon"></i>

      <i class="cubeic-location icon"></i>

      <i class="cubeic-like icon"></i>

      <i class="cubeic-camera icon"></i>

      <i class="cubeic-person icon"></i>

      <i class="cubeic-round-border icon"></i>

      <i class="cubeic-important icon"></i>

      <i class="cubeic-ok icon"></i>

      <i class="cubeic-square-border icon"></i>

    </div>
  </cube-page>
</template>

<script>
import {
  mapState,
  mapGetters,
  mapMutations,
  mapActions
} from 'vuex'

import { meeting, area } from '@/util/api';
import CubePage from '@/components/cube-page'

export default {
  name: 'test',
  components: {
    CubePage
  },
  data () {
    return {
      showLoading: false,
    }
  },
  mounted() {
    console.log('99999999')
    this.$createToast({
      txt: '2222'
    }).show()
  },
  methods: {
    
  }
}
</script>

<style scoped lang="scss">
.icon {
  font-size: 40px;
}
</style>
